<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>公告与资料上传</title>
		<link rel="stylesheet" type="text/css" href="../../../layui/layui/css/layui.css" />
		<link rel="stylesheet" href="../../common/reset.css">
		<link rel="stylesheet" type="text/css" href="../../common/common.css" />
		<link rel="stylesheet" href="filesUpload.css">
		<script src="../../common/jquery-3.4.1.min.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

		<script src="../../../layui/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/zUI.js"></script>
		<script src="../../common/my_scrollbar.js"></script>
		<script>
			$(function() {
				$("#demo").panel({
					iWheelStep: 32
				});
			});
		</script>
		<style>
			.userbox2 , #uploadImage{
				margin: 10px 50px;
			}
			/* 修改头像 */
			#test2{
				margin: 20px 30px;
			}
			.img1{
				margin: 8px;
				margin-bottom: 45px;
			}
		</style>
	</head>
	<body>
		<!-- 修改头像 -->
		<div id="test2" style="display: none;">
			<div class="form-group">
				<div class="img1"><label>图片：</label></div>
				<img src=" " alt="" id="img" />
				<input type="file" name="file" id="uploadImage">
			</div>
		</div>		
		<!-- 发布公告 -->
		<div id="testgg" style="display: none;">
			<textarea name="desc" placeholder="请输入公告内容" class="layui-textarea" id="mess"></textarea>
		</div>

		<!-- 上传资料 -->
		<div id="test3" style="display: none;">
			<div class="form-group">
				<!-- <label>资料</label> -->
				<label id="userr"></label>
				<input type="file" name="file" id="uploadImage3">
				<form class="layui-form" action="">
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">资料描述</label>
						<div class="layui-input-block">
							<textarea id="des" name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
						</div>
					</div>
				</form>
			</div>
		</div>

		<!-- 重设密码 -->
		<div id="test1" style="display: none;">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">原密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入原密码"
							autocomplete="off" class="layui-input" id="password">
					</div>
				</div>
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">新密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入新密码"
							autocomplete="off" class="layui-input" id="newPassword">
					</div>
				</div>
			</form>
		</div>
		<!-- 水平导航-->
		<ul class="layui-nav level" lay-filter="">
			<li class="layui-nav-item"><a href="../../index/index.html">首页</a></li>
			<li class="layui-nav-item layui-this">
				<a href="javascript:;" id="head"></a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd onclick="change1()">修改头像</dd>
					<dd onclick="change()">修改密码</dd>
					<dd onclick="logout()">退出登录</dd>
				</dl>
			</li>
		</ul>

		<!-- 侧边导航-->
		<ul class="layui-nav layui-nav-tree vertical" lay-filter="test">
			<li class="layui-nav-item"><a href="../staffInfo/staffInfo.html">人员信息</a></li>
			<li class="layui-nav-item"><a href="../auditMsg/auditMsg.html">留言审核</a></li>
			<li class="layui-nav-item layui-this"><a href="">公告与资料上传</a></li>
			<li class="layui-nav-item">
				<a href="javascript:;">考试管理</a>
				<dl class="layui-nav-child">
					<dd><a href="../examDep/generPaper/generPaper.html">组卷</a></dd>
					<dd><a href="../examDep/preList/preList.html">未考试卷</a></dd>
					<dd><a href="../examDep/preCorList/preCorList.html">已考未改试卷</a></dd>
					<!-- <dd><a href="../examDep/corPaper/corPaper.html">改卷</a></dd> -->
					<dd><a href="../examDep/reCorList/reCorList.html">已改试卷</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:;">题库</a>
				<dl class="layui-nav-child">
					<dd><a href="../testDatabase/questionList/questionList.html">题目</a></dd>
					<dd><a href="../testDatabase/tagList/tagList.html">标签</a></dd>
				</dl>
			</li>
		</ul>

		<!-- 资料与公告界面 -->
		<div class="container">
			<div class="title1">
				公告栏
			</div>
			<div class="title2">
				资料栏
			</div>
			<button type="button" class="layui-btn title4" onclick="add()">发布公告</button>
			<button type="button" class="layui-btn title3" onclick="addFile()">上传资料</button>
			<!-- 发布公告按钮 -->
			<div id="demo">
				<div class="demoo">
					<ul class="layui-timeline box" id="notice">
					</ul>
				</div>
			</div>


			<div id="right">
				<table class="layui-table table1">
					<colgroup>
						<col width="150">
						<col width="200">
						<col>
					</colgroup>
					<thead>
						<tr>
							<th>文件</th>
							<th>上传时间</th>
							<th>上传者</th>
							<th>下载</th>
						</tr>
					</thead>
				</table>

				<div class="box box1" id="wrapper1">
					<div class="scroll" id="scrollOne">
						<!-- 资料上传表格 -->
						<table class="layui-table">
							<colgroup>
								<col width="150">
								<col width="200">
								<col>
							</colgroup>
							<tbody id="filebox">
								<!-- <tr>
									<td><i class="layui-icon layui-icon-file-b"></i>浅谈layui的妙用</td>
									<td>2021-06-13</td>
									<td>陈陈</td>
									<td><i class="layui-icon layui-icon-download-circle"></i></td>
								</tr> -->
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- 水平导航栏 -->
		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			window.onload = function() {
				var oMyBar1 = new MyScrollBar({
					selId: 'wrapper1',
					bgColor: '#E5DCD6',
					barColor: 'rgba(207, 78, 89, 0.65)',
					enterColor: 'rgba(207, 78, 89, 0.65)',
					enterShow: false,
					borderRadius: 5
				});
			}
		</script>

<script src="filesUpload.js" type="text/javascript" charset="utf-8"></script>


	</body>
</html>
